import React from 'react'
import styled from 'styled-components'

const TitleWrapper = styled.article`
    display: flex;
    background: #8BC264;
    color:white;
    margin: 8px 0;
    border-radius:4px;
    justify-content: center;
    padding: 6px 0;
    max-width: 120px;
    font-size: 18px;
`;

interface Props {
    text: string;
}
export default function Title({ text }: Props) {
    return (
        <TitleWrapper>{text}</TitleWrapper>
    )
}
